<div id="contents">
    <div id="searchBox">
        <div class="pageTitle"><img src="<?= IMG_DOMAIN ?>titles/head_6.gif" /></div>
    </div>
    <div>
        <div class="ct">
            <p style="padding:10px 0;"><a href="<?= DOMAIN ?>beauty#down" class="backLink">返回</a></p>
            <!-- start -->
            <div id="slider" class="flexslider">
                    <? if($beauty['detail_img']): ?>
                        <ul class="slides">
                        <? foreach($beauty['detail_img'] as $item): ?>
                            <li>
                                <img src="<?= DATA_DOMAIN.'beauty/'.$item['img'] ?>" />
                            </li>
                        <? endforeach ?>
                        </ul>
                    <? endif  ?>
            </div>
            <!-- end -->
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        //幻灯片
        $('#slider').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: true,
            slideshow: false,
            sync: "#carousel"
        });
    });
        
</script>